
@media only screen and (min-width: 1450px) and (max-width: 1600px) {


}


@media only screen and (min-width: 1201px) and (max-width: 1440px) {



}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
.bnt_search{ width:235px !important; background:url(../images/icon_search.png) no-repeat 187px center; font-size:11px}
.box_thumbnails li a{ height:auto; width:303px;}
.box_thumbnails li a p{ padding:10px}
.nav_content li{ width:239px}
.block_hot{ width:318px !important}
.block_hot .block_img img{ margin-left:25px}
.nav_contact li a{ font-size:15px}
.bnt_buy{ margin:10px 20px 0}
.navbar-form{ width:235px}
.navHeader li{ padding:9px 5px}
.logo{ margin-right:0}
.view_all{ display:none}
.navbar-form{ padding-left:15px}
.nav_news li a{ height:56px}
.nav_news li a img{ width:50px; height:50px; border-radius: 25px 25px; margin: 3px 20px 0 0}

.headerWrapper{ height:auto !important}
.navHeader li a{ width:80px; height:80px}
.navHeader li a span{ width:80px}
.list_pro li a{color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height:11px; text-align:left}
.nav_gia li a{color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height: 11px; text-align:left; width:100%; display:block}
.list_mobi li a{ display:block; width:100% ;color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height:11px; text-align:left}
.nav_apple li a{display:block ; width:100%;color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height: 11px; text-align:left}
.drop_search{ top: 86%; left:64%; width:345px}
.box_thumbnail{ margin-bottom:16px}
.box_contact_us{ height:auto}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.banner{ width:98%}
.box_thumbnails{ width:100%}
.dropdown-submenu > .dropdown-menu{ left:-170px; top:99px}
.carousel-control img{ margin-top: 133px}	
.box_news{ margin-top:20px}
.box_thumbnails li{ width:47%; height:auto}
.box_thumbnails li a{ width:100%; height:auto}
.nav_content li{ width:32%; background: none}
.nav_list li{background:url(../images/list.png) no-repeat left; width:100% !important}
.box_news h1{ width:30%}
.headerWrapper{ height:auto !important}
.navHeader li a{ width:80px; height:80px}
.navHeader li a span{ width:80px}
.list_pro li a{color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height:11px; text-align:left}
.nav_gia li a{color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height: 11px; text-align:left; width:100%; display:block}
.list_mobi li a{ display:block; width:100% ;color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height:11px; text-align:left}
.nav_apple li a{display:block ; width:100%;color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height: 11px; text-align:left}
.drop_search{ top: 86%; left:29%; width:345px}
.bnt_submenu{ left:205px}
.box_thumbnail li a{ width:359px}
.box_thumbnail{ margin-bottom:16px}
.view_all{ display:none}
.box_contact_us{ width: 110%; height:auto}
.block_us{ width:50%; margin-bottom:20px }
.block_us img{ margin-left:0}
.block_contact{ width:50%; margin-bottom:20px}
.block_contact img{ margin-left:0}
.block_times{ width:50%; margin:0 auto}	
.block_times img{ margin-left:0}
.nav_contact li a { font-size:15px}
.box_submit{ width:104%; height:auto}
.block_sub img{ width:80%}
.block_supp{ border:none}
.bnt_buy{ margin-left:10px}
.footer{ height:auto}
.box_contact_us{ width: 104%}
.nav_footer { width:100%; height:40px; float:none}
.text_footer{ margin-top:10px}
.text_footer p{ text-align:center}
.text_footer p em{ width:100%}
.navbar-form{ width:100%}
.box_link{ height:76px}
.navHeader li{ padding:9px 5px}
.navbar-form{ text-align:center}

.block_hot{ width:360px !important}

.block_hot2{ width:375px !important}
.box_link .nav_link01{ width:98%; padding-left:2%}
.box_link .nav_right{ width:100%}	
}

@media only screen and (min-width: 640px) and (max-width:767px) {
.navbar-form{ position:absolute ; top:-8px; left: 240px; border:none}
.carousel-control img{ margin-top: 133px}	
.box_news{ margin-top:20px}
.box_thumbnails li{ width:100%; height:auto}
.box_thumbnails li a{ width:100%; height:auto}
.nav_content li{ width:33% ; background: none}
.nav_list li{background:url(../images/list.png) no-repeat left; width:100%}
.box_news h1{ width:30%}
.box_contact_us{ width: 110%; height:auto}
.block_us{ width:50%; margin-bottom:20px }
.block_us img{ margin-left:0}
.block_contact{ width:50%; margin-bottom:20px}
.block_contact img{ margin-left:0}
.block_times{ width:50%; margin:0 auto}	
.block_times img{ margin-left:0}
.nav_contact li a { font-size:15px}
.box_submit{ width:104%; height:auto}
.block_sub img{ width:80%}
.block_supp{ border:none}
.bnt_buy{ margin-left:10px}
.headerWrapper{ height:auto !important}
.drop_search{ left:5%; top:61%;}
.box_website{ padding:0 15px}
.box_thumbnail { margin-bottom:16px}
.box_thumbnail li{ width:100%}
.box_thumbnail li a{ width:100%}
.footer{ height:auto}
.box_contact_us{ width: 104%}
.nav_footer { width:100%; height:40px; float:none}
.text_footer{ margin-top:10px}
.text_footer p{ text-align:center}
.text_footer p em{ width:100%}
.navHeader li{ float:left}
.nav_gia li{ float:none !important}
.mobiphone{ display:block}
.box_title{ width:100% ;margin: 0px}
.box_link{ width:100%; height:76px}
.box_link .nav_link01{ width:98%; padding-left:2%}
.box_link .nav_right{ width:100%}
.navHeader{width: 100% !important; margin:0}
.navHeader li{width: 50% !important; float:left !important; padding: 5px}
.navHeader li a{display:block;width: 100%; border-radius: 0px;height: 72px }
.navHeader li a span{display:block;width: 100%;  }

}

@media only screen and (min-width: 595px) and (max-width: 639px) {
.box_thumbnails li{ width:100%; margin:10px 0}	
.carousel-control img{ margin-top: 100px}
.box_news{ margin-top:20px}	
.box_thumbnails li a{ width:100%}
.box_contact_us{ width: 110%; height:auto}
.block_us{ width:100%; margin:0 auto ; text-align:center}
.block_us img{ margin-left:0}
.block_contact{ width:100%; margin:10px auto}
.block_contact img{ margin-left:0}
.block_times{ width:100%; margin:10px auto}	
.block_times img{ margin-left:0}
.box_thumbnail { margin-bottom:16px}
.box_thumbnail li{ width:100%}
.box_thumbnail li a{ width:100%}
.list_us{ width: 60%; margin:0 auto}
.nav_support{ width:329px; margin:0 auto}
.times{ width:329px; margin:0 auto}
.box_submit{ height:auto}
.footer{ height:auto}
.nav_footer { width:100%; height:20px; float:none}
.text_footer{ margin-top:10px}
.text_footer p{ text-align:center}
.text_footer p em{ width:100%}
.box_title{ width:100%}
.box_link{ width:100%; height: 76px}
.box_link .nav_link01{ width:98%; padding-left:2%}
.box_link .nav_right{ width:100%}	
.box_website{ padding:0 15px}
.headerWrapper{ height:auto !important}
.navHeader{width: 100% !important; margin:0}
.navHeader li{width: 50% !important; float:left !important; padding: 5px}
.navHeader li a{display:block;width: 100%; border-radius: 0px;height: 72px }
.navHeader li a span{display:block;width: 100%;  }
}


@media only screen and (min-width: 480px) and (max-width: 594px) {
.box_thumbnails li{ width:100%; margin:10px 0}	
.carousel-control img{ margin-top: 75px}
.box_news{ margin-top:20px}	
.box_thumbnails li a{ width:100%}
.box_contact_us{ width: 110%; height:auto}
.block_us{ width:100%; margin:0 auto ; text-align:center}
.block_us img{ margin-left:0}
.block_contact{ width:100%; margin:10px auto}
.block_contact img{ margin-left:0}
.block_times{ width:100%; margin:10px auto}	
.block_times img{ margin-left:0}
.list_us{ width: 60%; margin:0 auto}
.nav_support{ width:329px; margin:0 auto}
.headerWrapper{ height:auto !important}
.times{ width:329px; margin:0 auto}
.box_submit{ height:auto}
.footer{ height:auto}
.nav_footer { width:100%; height:20px; float:none}
.text_footer{ margin-top:10px}
.text_footer p{ text-align:center}
.text_footer p em{ width:100%}
.box_title{ width:100%; height: 62px}
.box_link{ width:100%; height: 120px}
.box_link .nav_link01{ width:98%; padding-left:2%}
.box_link .nav_right{ width:100%}	
.nav_contact{ margin:17px auto}
.banner{ height:auto}
.navHeader{width: 100% !important; margin:0}
.navHeader li{width: 50% !important; float:left !important; padding: 5px}
.navHeader li a{display:block;width: 100%; border-radius: 0px;height: 72px }
.navHeader li a span{display:block;width: 100%;  }
.box_submenu{display: none !important;}
.img_banner img{ width: 100%;}	
.box_promotion h3{ height: 42px}
.buy_now{ height: 68px}
.modal-lg{ width: 100%;}
.lable_block{ height: 140px}
.lable_block p{ width: 100%; line-height: 20px}
.lable_{width: 100%;}
.bnt_show{ width: 100%;}

}


@media only screen and (min-width: 320px) and (max-width: 478px) {
.carousel-control img{ margin-top: 49px}	
.box_news{ margin-top:20px}
.box_thumbnail li{ width:100% !important; height:auto}
.box_thumbnail li a{ width:100% !important; height:auto}
.nav_content li{ width:94% !important; background: none; margin: 10px 15px}
.nav_list li{background:url(../images/list.png) no-repeat left;}
.box_news h1{ width:80%}
.box_contact_us{ width: 110%; height:auto}
.block_us{ width:100%; margin-bottom:20px }
.block_us img{ margin-left:0}
.block_contact{ width:100%; margin-bottom:20px}
.block_contact img{ margin-left:0}
.block_times{ width:100%; margin-bottom:20px}	
.headerWrapper{ height:auto !important}
.block_times img{ margin-left:0}
.nav_contact li a { font-size:15px}
.box_submit{ width:110%; height:auto}
.block_sub img{ width:95%}
.block_supp{ border:none}
.box_website{ padding: o 15px}
.bnt_buy{ margin-left:10px}
.footer{ height:auto}
.nav_footer { width:100%; height:40px; float:none}
.text_footer{ margin-top:10px}
.text_footer p{ text-align:center}
.text_footer p em{ width:100%}
.box_title{ width:100%; height: 62px}
.box_link{ width:100%; height: 120px}
.box_link .nav_link01{ width:98%; padding-left:2%}
.view_all{ width: 90%}
.collapse { padding: 75px 20px 0 !important}
.navbar-form{ margin-top:-75px}
.drop_search{ left:0; top:33%}
.bnt_search{ width:280px !important}
.bnt_view_all{ font-size: 17px; color: #FFF; text-transform:uppercase; background: none; font-family: 'Roboto'; font-weight:500; display:block; height:100%; line-height: 58px; text-align:center}
.banner{ height:auto}
.box_thumbnail{ padding:15px}
.navHeader{width: 100% !important; margin:0}
.navHeader li{width: 50% !important; float:left !important; padding: 5px}
.navHeader li a{display:block;width: 100%; border-radius: 0px;height: 72px }
.navHeader li a span{display:block;width: 100%;  }
.box_promotion h3{ height: 42px}
.box_submenu{display: none !important;}
.box_submenu2{display: none !important;}
.buy_now{ height: 68px}
.box_link .nav_right{ width:100%}
.box_bannerDetail{background: #3c132e}
.img_banner img{ width: 100%;}	
.installment{height: 85px}
.modal-lg{ width: 100%;}
.lable_block{ height:140px;}
.lable_block p{ width: 100%; line-height: 20px}
.lable_{width: 100%;}
.bnt_show{ width: 100%;}
}

